.role-menu-wrap {
  .inner-role-menu-wrap {
    .title{
      .text {
        line-height: 32px;
        font-size: 16px;
        font-weight: 400;
        color: #333;
        margin-left: 6px;
      }
      .new-btn{
        margin-right: 6px;
      }
    }
    .s-inp {
      padding: 10px 6px 10px 6px;
    }
    .s-tree{
      overflow: hidden;

      .ant-menu .ant-menu-submenu{
        margin-left: -20px;
      }
      .ant-menu-inline {
        border: none;
      }
      .name-wrap{
        .name{
          width: 150px;
          text-overflow:ellipsis;
          overflow: hidden;
          white-space:nowrap;
        }
        .edit-btn{
          width: 40px;
          color: $default-color;
        }
        .disabled-name{
          color: #c8c8c8;
        }
      }
      .role-menu-title{
        .icon{
          height: 22px;
          width: 22px;
          margin-top: 9px;
          display: block;
          float: left;
          margin-right: 2px;
        }
      }
    }
  }
  .f-left {
    float: left;
  }
  .f-right {
    float: right;
  }
  .clear {
    clear: both;
  }
}
